<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%@ include file="static_res.jsp"%>
    <script src="../res/js/jedate.min.js"></script>
    <script type="text/javascript">
        function datePickerInit(domId , format , isTime){
            var datePickerOptions = {
                dateCell:"#" + domId, //目标元素。由于jedate.js封装了一个轻量级的选择器，因此dateCell还允许你传入class、tag这种方式 '#id .class'
                format:format, //日期格式
                //minDate:"1900-01-01 00:00:00", //最小日期
                //maxDate:"2099-12-31 23:59:59", //最大日期
                isinitVal:false, //是否初始化时间
                isTime:isTime, //是否开启时间选择
                isClear:true, //是否显示清空
                festival:false, //是否显示节日
                zIndex:999,  //弹出层的层级高度
                marks:null, //给日期做标注
                choosefun:function(val) {},  //选中日期后的回调
                clearfun:function(val) {},   //清除日期后的回调
                okfun:function(val) {}       //点击确定后的回调
            };
            jeDate(datePickerOptions);
        }
        $(function(){
            datePickerInit("endDate" , "YYYY-MM-DD" , false); });

    </script>
</head>
<body>
<%@include file="header.jsp"%>
<div class="container">
    <div class="row">
        <div class="col s4 offset-s4">
            <form action="<%=path%>/act/save" method="post">
                <div class="card grey lighten-5 z-depth-2">
                    <div class="card-content black-text">
                        <h3 class="center">活动发起</h3>

                        <div class="input-field">
                            <input id="title" name="title" type="text">
                            <label for="title">目的地</label>
                        </div>
                        <div class="input-field">
                            <input id="content" name="content" type="text">
                            <label for="content">简述</label>

                        </div>
                        <div class="input-field">
                            <input id="maxCount" name="maxCount" type="text" class="validate">
                            <label for="maxCount">人数上限</label>

                        </div>
                        <div class="input-field">
                            <input id="endDate"  name="endDate" placeholder="截止日期" type="text"  class="datepicker" readonly>

                        </div>
                    </div>
                    <div class="card-action">
                        <button type="submit">提交</button>

                    </div>
                </div>
            </form>

        </div>


    </div>
</div>

</body>
</html>
